@import "../../style/public";

.editStore{
  .btn-box{
    background: #F9F9F9;
    @include remCalc(padding, 53,30,53,30);
    .btn{
      width:100%;
      @include remCalc(height, 90);
    }
  }
  .form-wrapper{
    background: #fff;
  }
  .cell-explain{
    @include remCalc(margin-left, 30);
    .ct{
      @include remCalc(padding, 0,30,20,0);
      color: $color-red;
      @include remCalc(font-size, 22);
    }
  }
  .form-title {
    @include remCalc(padding, 19, 0, 19, 30);
    @include remCalc(font-size, 24);
    color: #999999;
    background: #F9F9F9;
  }
  .hint-info{
    display: flex;
    background: #EBF5FF;
    @include remCalc(padding , 11,30,11,30);
    .zhk-ts{
      @include remCalc(font-size , 32);
      color: $color-red;
    }
    .info{
      @include remCalc(padding-left , 12);
      @include remCalc(font-size , 24);
      @include remCalc(line-height, 33);
      color: $color-red;

    }
  }
  .btn-left{
    @include remCalc(margin-left, 10);
    @include remCalc(height, 54);
  }
  .appendIcon{
    transform: rotate(90deg);
  }
  .store-head {
    @include remCalc(padding-left, 30);
    background: #fff;
    .tt{
      @include remCalc(font-size, 32);
      @include remCalc(padding-bottom, 20);
      @include remCalc(padding-top, 20);
      color:#333;
    }
    .hihtInfo{
      @include remCalc(margin-top, -8);
      @include remCalc(font-size, 24);
      @include remCalc(padding-bottom, 20);
      @include remCalc(line-height, 28);
      color:#ccc;
    }
    .ct{
      display: flex;
      flex-wrap: wrap;

    }
    .border-dashed{
      border:1px dashed #DDDDDD;
    }
    .border-solid{
      border:1px solid #DDDDDD;
    }
    .store-head-box{
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      @include remCalc(margin-bottom, 21);
      @include remCalc(width, 330);
      @include remCalc(height, 206);
      background:#F9F9F9;
      .zhk-sczp{
        position: relative;
        z-index: 1000;
        @include remCalc(font-size, 60);
        color:#999999;
      }
      img{
        width:100%;
        height:100%;
        position: absolute;
        left:0;
        top:0;
      }
      .imgOpcity{
        opacity: 0.5;
      }
      .zhk-sbylx{
        position: absolute;
        @include remCalc(top, -2);
        @include remCalc(right, -2);
        @include remCalc(font-size, 32);
        @include remCalc(padding, 10);
        color:#EE3A31;
      }
    }
    .mr{
      @include remCalc(margin-right , 30);
    }

  }
}
